import "./App.css";
import { Splitter } from "antd";
import Databases from "./pages/Databases";
import DataTransmission from "./pages/DataTransmission";

function App() {
  return (
    <div style={{ height: "100vh" }}>
      <DataTransmission />
      <Splitter style={{ height: "100%" }}>
        <Splitter.Panel defaultSize="25%" style={{ height: "100%" }}>
          <Databases />
        </Splitter.Panel>
        <Splitter.Panel style={{ height: "100%" }}>2</Splitter.Panel>
      </Splitter>
    </div>
  );
}

export default App;
